/* Toolbar styles */
.clear{
	clear: both;
}

#toolbar {
	position: relative;
	padding-bottom: 0.5em;
	display: none;
}

#toolbar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#toolbar ul li {
	float: left;
	padding-right: 1em;
	padding-bottom: 0.5em;
}

#toolbar ul li a {
	font-weight: bold;
	font-size: smaller;
	vertical-align: middle;
	color: black;
	text-decoration: none;
}

#toolbar ul li a:hover {
	text-decoration: underline;
}

#toolbar ul li * {
	vertical-align: middle;
}

/* toolbar editting */
.customEditingToolbar_Invisible {
	float: right;
	right: 0px;
	height: 30px;
	width: auto;
	display: none;
}

.customEditingToolbar_Invisible div {
	float: right;
	margin: 5px;
	width: 24px;
	height: 24px;
}

.customEditingToolbar_Visible {
	float: right;
	right: 0px;
	height: 30px;
	width: auto;
	display: none;
}

.customEditingToolbar_Visible div {
	float: right;
	margin: 5px;
	width: 24px;
	height: 24px;
}

/* Styles used by the default GetFeatureInfo output, added to make IE happy */
table.featureInfo,table.featureInfo td,table.featureInfo th {
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	font-size: 90%;
	padding: .2em .1em;
}

table.featureInfo th {
	padding: .2em .2em;
	text-transform: uppercase;
	font-weight: bold;
	background: #eee;
}

table.featureInfo td {
	background: #fff;
}

table.featureInfo tr.odd td {
	background: #eee;
}

table.featureInfo caption {
	text-align: left;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	padding: .2em .2em;
}

.popup {
	position: absolute;
	padding: 5px;
	font-size: 8pt;
	z-index: 1000;
	background-color: white
}

/* The map and the location bar */
#div_Map_Tools
{
	clear: both;
	position: relative;
	border-right: 1px solid black;
}

#map {
	clear: both;
	position: relative;
	width: 100% !important;
	height: 550px;
	border: 0px solid black;
}

#idthematicMap {
	clear: both;
	position: relative;
	width: 100% !important;
	height: 489px;
	border: 0px solid black;
}
#div_Map_LayerList {
	position: absolute;
	width: auto;
	height: auto;
	border: 1px solid;
	font-family: Arial Narrow;
	font-size: small;
	background: #FFFFFF; /* #6CC8EF; */
	margin: 10px;
	/* padding: 5px; */
	z-index: 1000;
}

#OV {
	position: absolute;
	width: auto;
	height: auto;
	border: 1px solid;
	font-family: Arial Narrow;
	font-size: small;
	z-index: 1000;
}

#Img_LayerList {
	position: absolute;
	width: auto;
	height: auto;
	border: 0px solid;
	margin: 10px;
	z-index: 1000;
}

#Img_OV {
	position: absolute;
	width: auto;
	height: auto;
	border: 0px solid;
	z-index: 1000;
}

#panzoombar
{
	position: absolute;
	width: auto;
	height: auto;
	border: 1px solid;
	z-index: 999;
}

#scalebar,#scale {
	position: absolute;
	float: left;
	width: auto;
	height: auto;
	z-index: 999;
}

#location {
	position: absolute;
	float: left;
	margin-left:45px;
	width: 180px;
	font-style: italic;
	color: black;
	font-family: Arial Narrow;
	font-size: small;
	z-index: 999;
}

#options {
	position: absolute;
	left: 13px;
	top: 7px;
	z-index: 998;
}

#div_Map_divToolbar, #div_Map_divToolbar_LineExtension {
	border: 0px solid;
	background-color: transparent;
	display: block;
	position: absolute;
	left: 100px;
	top: 100px;
	z-index: 999;
}

#div_Map_divAddFeature_Attribute {
	border: 1px solid;
	top: 0px;
	left: 0px;
	width: 250px;
	height: auto;
	position: absolute;
	display: none;
	background: #F0F8FF;
	z-index: 1005;
}

#div_Map_Capnhatchieusang_Content
{
	z-index: 1005;
}

#div_Map_Capnhatchieusang_TBA
{
	z-index: 1005;
}

#div_Map_HeaderToolbar, #div_Map_ImgShowHideLeftPanel
{
	border-bottom: 1px solid;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 1006;
}

#div_Map_HeaderToolbar table tr td img
{
    cursor: pointer;
}

#div_Map_DirectionFeature, #div_Map_ParallelFeature, #div_Map_Merger_Feature
{
	border: 1px solid;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	background: #F0F8FF;	
	z-index: 1005;
}
#div_Map_ContextMenuLayer
{
	border: 1px solid;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	background: #F0F8FF;	
	z-index: 1000;
}

#divDisableMap
{
	border: 1px solid;
	position: fixed;
	display: none;
    background: none repeat scroll 0 0 #557700;
	z-index: 1001;
    filter: alpha(opacity=10);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
    opacity:0.1;
    -moz-opacity: 0.10;
    width: 100%;
    height: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

/************** administrator ******************/
/**** group ****/
#div_administrator_group_permission, #div_administrator_group_members, #div_administrator_user_addgroup,
#div_administrator_user_permission
{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:45%;
	top:40%;
	width:400px;
	z-index:10000; 
	margin-left: -230px; 
	margin-top: -100px;	
}
/***********************************************/

 /* GUI */
#div_Map_SnapSetting
{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:20%;
	top:30%;
	width:350px;
	z-index:10000; 
	margin-left: -230px; 
	margin-top: -100px;	
}

#div_Map_Identify
{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:20%;
	top:20%;
	width:460px;
	z-index:10000; 
	margin-left: -230px; 
	margin-top: -100px;	
}

#div_Map_PHKH_Title, #div_Map_PHKH_Info, #div_Map_PHKH_Reply
{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:40%;
	top:45%;
	width:350px;
	z-index:10000; 
	margin-left: -230px; 
	margin-top: -100px;	
}
#div_open_attribute
{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:20%;
	top:20%;
	width:1000px;
	z-index:10000; 
	margin-left: -230px; 
	margin-top: -100px;	
}
#div_view_detail_feature_info
{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:fixed;
	left:20%;
	top:20%;
	width:400px;
	height:auto;
	z-index:1005; 
	margin-left: 300px; 
	margin-top: -100px;	
}
#div_show_PHKH_INFO{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:fixed;
	left:20%;
	top:20%;
	width:400px;
	height:auto;
	z-index:1005; 
	margin-left: 300px; 
	margin-top: -100px;
}

#divMap_create_asset{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:fixed;
	left:20%;
	top:10%;
	width:auto;
	height:450px;
	z-index:1020; 
	margin-left: 350px; 
	margin-top: 50px;
}
#divMap_Create_Phkh{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:fixed;
	left:20%;
	top:10%;
	width:auto;
	height:auto;
	z-index:1020; 
	margin-left: 320px; 
	margin-top: 50px;
}
#divMap_View_GhiChep{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:fixed;
	left:20%;
	top:10%;
	width:auto;
	height:auto;
	z-index:1020; 
	margin-left: 320px; 
	margin-top: 50px;
}
.view_detail_info
{
	background-color:#fff;
/* 	width:100% !important; */
	margin: 0px;
	height:450px;
	/* overflow: scroll; */
}
.open_attribute
{
	background-color:#fff;
	border:1px solid #2f445b;
	width:100%; 
	height: 300px;
	overflow: scroll;
}
#div_Map_Statistic
{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:50%;
	top:20%;
	width:800px;
	height:auto !important;
	z-index:10000; 
	margin-left: -230px; 
	margin-top: -100px;	
}
#div_Map_Statistic_VHBD{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:45%;
	top:20%;
	width:820px;
	height:auto !important;
	z-index:10000; 
	margin-left: -230px; 
	margin-top: -100px;	
}

#div_Map_InserCoor_Window_Point, #div_Map_InserCoor_Window_Polyline, #div_Map_Chart_Export_Image, 
#div_Map_SearchSpatials, #div_Map_SearchAttributes, #Img_OV, #OV
{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:90%;
	top:22%;
	min-width:100px;
	z-index:10000;
	width:350px; 
	margin-left: -230px; 
	margin-top: -30px;
}

#divMap_AssetType{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:40%;
	top:10%;
	width:250px;
	z-index:10000; 
	margin-left: 230px; 
	margin-top: 100px;
}

#divMap_View_MayBom_Detail{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:40%;
	top:10%;
	width:300px;
	z-index:10000; 
	margin-left: 230px; 
	margin-top: 100px;
}

#div_map_list_asset{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:50%;
	top:40%;
	width:auto;
	z-index:10000; 
	margin-left: -230px; 
	margin-top: -100px;
}

#div_list_tai_san{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:50%;
	top:40%;
	width:300px;
	height:300px;
	z-index:10000; 
	margin-left: -230px; 
	margin-top: -100px;
}

.div_Map_VHBD{
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	background-color: #FFFFFF;
    /* border: 3px solid #CECECE; */
    display: none;
    margin-left: -440px;
    margin-top: 10px;
    top: -118px; 
    left: 593.35px;
    width: 950px;
    position: absolute;
    z-index: 10000;
}

.div_Map_VHBD_nam{
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	background-color: #FFFFFF;
    /* border: 3px solid #CECECE; */
    display: none;
    margin-left: -440px;
    margin-top: 10px;
    top: -118px; 
    left: 593.35px;
    width: 950px;
    position: absolute;
    z-index: 10000;
}

.div_calendar_quy{
	height: 600px;
	overflow: auto;
}
/* #dialog_view_PHKH_info{
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	background-color: #FFFFFF;
    border: 3px solid #2F445B;
    display: none;
    margin-left: -440px;
    margin-top: 10px;
    left: 40%;
    top: 20%;
    width: 500px;
    height:auto !important;
    position: absolute;
    z-index: 10000;
} */
#divMap_Dialog_GhiChep {
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	background-color: #FFFFFF;
    border: 3px solid #2F445B;
    display: none;
    margin-left: -440px;
    margin-top: 10px;
    left: 40%;
    top: 20%;
    width: auto;
    height:auto !important;
    position: absolute;
    z-index: 10000;
}

#div_Map_VHBD .tool-popup-content .show-hide-content{
	height: auto;
	padding: 5px;
	
}

#div_Map_VHBD .tool-popup-content #div_content{
	width: 310px;
}

#div_Map_VHBD .tool-popup-content .show-hide-content p{
	width: 250px;
}

.toolbar_Editor {
	margin: 0x 5px 0px 0px;
}

.toolbar_Editor li {
	display: inline;
	margin: 0x 0px 0px 0px;
	padding: 2px 2px 0px 0px;
	float: left;
}

.toolbar_Editor li #img_map_Polyline_Split, #img_map_Polyline_Merge, #img_map_Polyline_Extent, #img_map_Polyline_Trim {
	display: block;
}

.toolbar_Editor #liSprit2,#liSprit3,#liSprit4,#liSprit5,#liSprit6,#liSprit7,#liSprit8,#liSprit9
	{
	margin: 0x 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	display: inline;
	float: left;
}

.toolbar_Editor #liTool {
	margin: 0x 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	display: inline;
	float: left;
}

/* label asset style */
.labelAsset
{
	float:left;
	font-size:0.95em;
	margin-top:4px;
	padding-right:3px;
}

/****** Liem ******/
#detail_content{
	display:none; 
	margin: 5px auto 10px; 
	width: 99%; 
	height: auto;
}

#detail_content h4{
	text-align: center; 
	font-size: 14px; 
	font-weight: bold; 
	text-transform: uppercase;
	margin-bottom: 10px;
}

#detail_content .item{
	float: left; height: 24px; text-align: left; width: 50%;
}

table#table-content_scada tr td {
	text-align: left;
}

table#table-content_scada tr td.date {
	text-align: right;
}

table#table-content_scada tr td.action {
	text-align: center;
}



#calendar {
	width: 900px;
	margin: 0 auto;
}

#calendar_quy{
	width: auto;
}

.viewcalender{
	width: 300px;
	float: left;
}

#detail_content{
	display:none; 
	margin: 5px auto 10px; 
	width: 99%; 
	height: auto;
}

#detail_content h4{
	text-align: center; 
	font-size: 14px; 
	font-weight: bold; 
	text-transform: uppercase;
	margin-bottom: 10px;
}

#detail_content .item{
	float: left; height: 24px; text-align: left; width: 50%;
}

.comment_color{
	float: right;]
	height: 20px;
	width: auto;
	margin-bottom: 5px;
}

.comment_color .comment_old,
.comment_color .comment_current,
.comment_color .comment_new {
	height: 14px;
	width: 14px;
	border: 1px solid #cccccc;
	float: left;
}

.comment_color .comment_old {
	background-color: #04790E;
}

.comment_color .comment_new {
	background-color: #FFFF00;
}

.comment_color .comment_current {
	background-color: #3A87AD;
}

.comment_color .comment_text{
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}

.clear{
	clear: both;
}

.bar_btnQuy{
	height: 35px;
	width: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	float: right;
	margin-right: 15px;
	display: none;
}

.bar_btnQuy .btnQuy{
	padding: 5px 15px;
}

.bar_btnQuy .current{
	color: #3A87AD;
	font-weight: bold;
	border: 1px solid #04790E;
}

#div_Map_divScale {
	display:inline;
	position: absolute;
	float: left;
	top: 90%;
	width: 250px;
	height: auto;
	background: white;
	border-style: solid;
	border-width: 1px;
	border-color: #99bbe8;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 999;
	left: 30%;
}

/* #div_Map_divScale .container {
	display:inline-block;
    margin-left: 5px;
    margin-right: 5px;
} */
#div_id_scale .container {
	display:inline-block;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#div_Map_divLocation {
	/* display:inline; */
	/* position: absolute; */
	/* float: left; */
	/* top: 88%; */
	width: 250px;
	height: auto;
	background: white;
	border-style: solid;
	border-width: 1px;
	border-color: #99bbe8;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 999;
	float: right;
	/* right: 25px;
	display: inline-block; */
	/* left: 78%; */
}

#div_Map_divToggle_location{
	/* display:inline; */
	position: absolute;
	/* float: left; */
	top: 87%;
	width: auto;
	height: 0px;
	/* background: white; */
	/* padding-bottom: 10px; */
	z-index: 999;
	right: 15px;
	width: 23%;
	/* background-image: url("/AnGiang-557-portlet/html/drain"); */
}

#div_Map_divToggle_location_KS{
	/* display:inline; */
	position: absolute;
	/* float: left; */
	top: 92%;
	width: auto;
	height: 0px;
	/* background: white; */
	/* padding-bottom: 10px; */
	z-index: 999;
	right: 0;
	width: 23%;
	/* background-image: url("/AnGiang-557-portlet/html/drain"); */
}

.show_location{
	background-image: url("/AnGiang-557-portlet/html/giamsatmoitruong/img/minus.png");
	height: 16px;
	width: 16px;
	display: inline-block;
	float: right;
	position: relative;
	left: 5.5%;
}

.hidden_location{
	background-image: url("/AnGiang-557-portlet/html/giamsatmoitruong/img/plus.png");
	height: 16px;
	width: 16px;
	display: inline-block;
	float: right;
}

.fieldSet{
	border-style: solid;
	border-width: 1px;
	border-color: #99bbe8;
	margin-bottom: 5px;
}
.legend{
	margin-left: 10px;
	color: #2F435B;
	cursor: pointer;
	font-size: 11px;
	padding: 5px;
}
li.ulItem{
	padding: 5px 10px 10px 8px;
	display: inline;
	width: 100% !important;
}
#div_select_direction{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:50%;
	top:5%;
	min-width:100px;
	z-index:10000;
	width:350px; 
	margin-left: 230px; 
	margin-top: 30px;
}
#tbody_Map_SnapSetting td{
	text-align: left;
	padding-left: 5px;
}
#tbody_Map_SnapSetting td.inputUniform{
	width: auto !important;
}
#divMapLoading{
	display: none;
	z-index: 9999;
	position: absolute;
	top:50%;
	left: 50%;
}

#div_Map_ExportImage
{
	background-color:#fff;
	border:3px solid #2f445b;
	-moz-box-shadow: 0 0 3px 3px #888;
	-webkit-box-shadow: 0 0 3px 3px #888;
	box-shadow: 0 0 3px 3px #888;
	display:none;
	position:absolute;
	left:20%;
	top:20%;
	width:400px;
	z-index:10000; 
	margin-left: -230px; 
	margin-top: -100px;	
}
/* NGUYENNV ADD NEW */
.label-field-cls{
	width: 130px;
	padding-left: 20px;
}
